<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!--IE Compatibility modes-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--Mobile first-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Under Construction</title>
    
    <meta name="description" content="Free Admin Template Based On Twitter Bootstrap 3.x">
    <meta name="author" content="">
    
    <meta name="msapplication-TileColor" content="#5bc0de" />
    <meta name="msapplication-TileImage" content="assets/img/metis-tile.png" />
    
    <!-- Bootstrap -->
    <link rel="stylesheet" href="assets/lib/bootstrap/css/bootstrap.css">
    
    <!-- Font Awesome -->
    <link rel="stylesheet" href="assets/lib/font-awesome/css/font-awesome.css">
    
    <!-- Metis core stylesheet -->
    <link rel="stylesheet" href="assets/css/main.css">
    
    <!-- metisMenu stylesheet -->
    <link rel="stylesheet" href="assets/lib/metismenu/metisMenu.css">
    
    <!-- onoffcanvas stylesheet -->
    <link rel="stylesheet" href="assets/lib/onoffcanvas/onoffcanvas.css">
    
    <!-- animate.css stylesheet -->
    <link rel="stylesheet" href="assets/lib/animate.css/animate.css">

    <link rel="stylesheet" href="assets/css/countdown.css">


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<script src="http://maps.google.com/maps/api/js"></script>
<script src="assets/lib/gmaps/gmaps.min.js"></script>
</head>

<body class="bg-dark lter">
    <style>
  #map_canvas {
    width: 400px !important;
    height: 400px !important;
  }
</style>
    <div class="container">
        <div class="clearfix">
            <div class="logo">
                <h1><span class="text-warning">UC</span></h1>
            </div>
        </div>
        <div class="clearfix">
            <div class="col-lg-12 title">
                <h2>Our Site <span class="orange">U</span>nder <span class="orange">C</span>onstruction</h2>
                <small>We are done with the backend just front end to go. The site will launch in:</small>
            </div>
        </div>
        <!--counter is here-->
        <div id="counter"></div>

        <div id="counter-default" class="row">
            <div class="col-lg-3 col-sm-6">
                <div class="inner">
                    <div id="day-number" class="timer-number"></div>
                    <div class="timer-text">DAYS</div>
                    <div class="progress mini progress-striped active">
                        <div id="day-bar" class="progress-bar progress-bar-warning"></div>
                    </div>
                </div>
                <!-- /.inner -->
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="inner">
                    <div id="hour-number" class="timer-number"></div>
                    <div class="timer-text">HOURS</div>
                    <div class="progress mini progress-striped active">
                        <div id="hour-bar" class="progress-bar progress-bar-warning"></div>
                    </div>
                </div>
                <!-- /.inner -->
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="inner">
                    <div id="minute-number" class="timer-number"></div>
                    <div class="timer-text">MINUTES</div>
                    <div class="progress mini progress-striped active">
                        <div id="minute-bar" class="progress-bar progress-bar-warning"></div>
                    </div>
                </div>
                <!-- /.inner -->
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="inner">
                    <div id="second-number" class="timer-number"></div>
                    <div class="timer-text">SECOND</div>

                    <div class="progress mini progress-striped active">
                        <div id="second-bar" class="progress-bar progress-bar-warning"></div>
                    </div>

                </div>
                <!-- /.inner -->
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="progress progress-striped active" rel="tooltip" data-placement="bottom"
                     data-original-title="Total Progress">
                    <div id="total-bar" class="progress-bar progress-bar-warning"></div>
                </div>
            </div>
        </div>
        <hr/>
        <!-- .row -->
        <div class="row">
            <!-- .col-lg-6 -->
            <div class="col-lg-6">
                <form action="#" method="post" accept-charset="utf-8" id="emailForm">

                    <div class="form-group">
                        <label class="control-label" for="email1">E-mail</label>
                        <input class="form-control" type="email" name="email1" id="email1"
                               placeholder="Enter your email to subscribe" required="required">
                    </div>
                    <div class="row">
                        <div class="form-group col-lg-6 col-sm-6 col-6">
                            <button class="btn btn-warning btn-block" type="submit">Submit</button>
                        </div>
                        <div class="form-group col-lg-6 col-sm-6 col-6">
                            <button class="btn btn-block btn-default" type="reset">Cancel</button>
                        </div>
                    </div>

                </form>
            </div>
            <!-- /.col-lg-6 -->
            <!-- .col-lg-6 -->
            <div class="col-lg-6 contact">
                <dl class="dl-horizontal">
                    <dt>Contact Us :</dt>
                    <dd>
                        <a href="#contact-area" class="accordion-toggle" data-toggle="collapse" rel="tooltip"
                           data-placement="top" data-original-title="Fill the form">
                            <i class="fa fa-envelope"></i>
                        </a>
                    </dd>
                    <dt>Follow Us :</dt>
                    <dd>
                        <a href="#" rel="tooltip" data-placement="bottom" data-original-title="facebook"><i
                                class="fa fa-facebook"></i></a>
                        <a href="#" rel="tooltip" data-placement="bottom" data-original-title="Twitter"><i
                                class="fa fa-twitter"></i></a>
                        <a href="#" rel="tooltip" data-placement="bottom" data-original-title="pinterest"><i
                                class="fa fa-pinterest"></i></a>
                        <a href="#" rel="tooltip" data-placement="bottom" data-original-title="google"><i
                                class="fa fa-google-plus"></i></a>
                        <a href="#" rel="tooltip" data-placement="bottom" data-original-title="github"><i
                                class="fa fa-github"></i></a>
                    </dd>
                </dl>
            </div>
            <!-- /.col-lg-6 -->
        </div>
        <!-- /.row -->
        <!-- .row -->
        <div id="contact-area" class="row">
            <!-- .col-lg-7 -->
            <div class="col-lg-7">
                <div class="well">
                    <form action="#" method="post" accept-charset="utf-8" id="messageForm">
                        <fieldset>
                            <legend>Contact Form</legend>

                            <div class="form-group">
                                <label class="control-label" for="name">Name</label>
                                <input class="form-control" type="text" name="name" id="name"
                                       placeholder="Enter yor name"
                                       required="required">
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="email">E-mail</label>
                                <input class="form-control" type="email" name="email" id="email"
                                       placeholder="Enter your e-mail" required="required">
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="subject">Subject</label>
                                <input class="form-control" type="text" name="subject" id="subject"
                                       placeholder="Enter your subject" required="required">
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="message">Message</label>
                                <textarea class="form-control" name="messsage" id="message"
                                          placeholder="Enter your message" required="required"></textarea>
                            </div>
                            <div class="row">
                                <div class="form-group col-lg-6 col-sm-6 col-6">
                                    <button class="btn btn-warning btn-block" type="submit">Submit</button>
                                </div>
                                <div class="form-group col-lg-6 col-sm-6 col-6">
                                    <button class="btn btn-block btn-default" type="reset">Cancel</button>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>

            </div>
            <!-- /.col-lg-7 -->
            <!-- .col-lg-5 -->
            <div class="col-lg-5">
                <div class="page-header">
                    <h4>Contact info</h4>
                </div>
                <address>
                    <dl class="dl-horizontal">
                        <dt>Address :</dt>
                        <dd>
                            123 Home Street NY US
                        </dd>
                        <dt>Telephone :</dt>
                        <dd>+0 123 456 78</dd>
                        <dt>E-mail :</dt>
                        <dd>mail@domain.com</dd>
                        <dt>Web :</dt>
                        <dd>http://domain.com</dd>
                    </dl>
                </address>
            <div id="map_canvas"></div>

            </div>
            <!-- /.col-lg-5 -->
        </div>
        <!-- /.row -->
    </div>


    <!--jQuery -->
    <script src="assets/lib/jquery/jquery.js"></script>

    <!--Bootstrap -->
    <script src="assets/lib/bootstrap/js/bootstrap.js"></script>


    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-countdown/2.0.1/jquery.plugin.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-countdown/2.0.1/jquery.countdown.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/jquery.validate.min.js"></script>
    <script src="assets/js/countdown.js"></script>
</body>

</html>
